<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index2.css">
    <link rel="stylesheet" href="../css/templet.css">
    <script src='../utill/jquery-3.5.1.min.js'></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="nav">
            <img class="logo" src="../img/img-templet/logo.png " alt="">
            <div class="position"><a href="">北京<img src="../img/img-templet/logo-bottom.png" alt=""></a></div>
            <ul class="type">
                <li><a href="">北京站</a></li>
                <li><a href="">演唱会</a></li>
                <li><a href="">音乐会</a></li>
                <li><a href="">话剧歌剧</a></li>
                <li><a href="">体育</a></li>
            </ul>
            <input type="text" placeholder="请输入演出、赛事、艺人、场馆名称...">
            <button><img src="../img/img-templet/search.png" alt=""></button>
            <ul class="login">
                <li><a href="login.html">登录</a></li>
                <li><a href="resigter.html">注册</a></li>
            </ul>
        </div>
    </div>




    <!-- 中间内容 -->
    <div class="container">
        <div class="nav">
            <a href="../html/index1.html">首页</a>
            <a href="../html/index2.html" class="active">戏剧 </a>
            <a href="../html/index3.html">体育</a>
            <a href="../html/index4.html">亲子</a>
            <a href="">摇滚</a>
            <a href="">舞蹈古典</a>
            <a href="">精彩专题</a>
        </div>
        <div class="banner">
            <img src="../img/index2/banner2.jpg" alt="">
        </div>

        <!-- 猜你喜欢 -->
        <div class="like">
            <img src="../img/index2/like.jpg" alt="">
            <ul class="like-ul">
                <li>
                    <a href="">
                        <img src="" alt="">
                        <p class="like-infor">门与匙 2017嘻哈巡回演</p>
                        <p class="like-price">票价：<span>¥180</span> 起</p>
                    </a>
                </li>

            </ul>
        </div>
        <!-- 精彩聚集 -->
        <div class="highlight">
            <img src="../img/index2/highlight.jpg" alt="">
            <div class="hl-main">
                <img src="" alt="">
                <div class="hl-mid">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                </div>
                <img src="" alt="">
            </div>
        </div>
        <!-- tab切换 -->
        <div class="tab">
            <div class="tab-nav">
                <p class="active">巡演专区</p>
                <p>视听享受</p>
                <p>剧场演出</p>

            </div>
            <div class="tab-content1">
                <!-- 遍历数据 -->
                <div>
                    <img src="" alt="">
                    <div>
                        <p>孟京辉经典戏剧作品...</p>
                        <p>2017.12.20-2018.01.14</p>
                        <p>票价：<span>¥180</span>起</p>
                    </div>
                </div>

            </div>
        </div>
        <!-- 戏剧达人 -->
        <div class="goodman">
            <img src="../img/index2/goodman.jpg" alt="">
            <div class="goodman-content">
                <img src="" alt="">
                <div class="right-content">
                    <!-- 遍历数据 -->
                    <div>
                        <img src="" alt="">
                        <div>
                            <h4>世界经典原版音乐剧《猫》Cats 北京站</h4>
                            <div>
                                <p>2018.09.22-10.06</p>
                                <p>世纪剧院</p>
                                <p>¥ 380起</p>
                            </div>
                        </div>
                    </div>



                </div>


            </div>
        </div>
        <!-- 日历 -->
        <div class="date">
            <img src="../img/index2/date.jpg" alt="">
            <table cellspacing=0>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
    </div>

    <!-- 尾部 -->
    <footer>
        <div class="top">
            <div class="itm">
                <strong>订购方式 </strong>
                <p>在线订购</p>
                <p>电话订购</p>
                <p>上门订购</p>
                <p>大客户团体订购</p>
                <p>大麦超级票订购</p>
            </div>
            <div class="itm">
                <strong>配送方式</strong>
                <p>送货上门</p>
                <p>电子票</p>
                <p>上门自取</p>
                <p>大麦自助机换票</p>
            </div>
            <div class="itm">
                <strong>支付方式</strong>
                <p>在线支付</p>
                <p>柜台付款</p>
            </div>
            <div class="itm">
                <strong>大麦网微信</strong>
                <img src="../img/img-templet/ewm.png" alt="">
            </div>
            <div class="itm">
                <strong>大麦网触屏版</strong>
                <img src="../img/img-templet/ewm.png" alt="">
            </div>
            <div class="itm">
                <strong>帮助中心</strong>
                <p>找回密码</p>
                <p>账户注册</p>
                <p>账户绑定</p>
                <p>SSL安全证书</p>
            </div>
            <div class="itm">
                <strong>特色服务</strong>
                <p>退换及缺货说明</p>
                <p>发票帮助</p>
                <p>订票服务条款</p>
            </div>
            <div class="itm">
                <strong>退票服务</strong>
                <p>退出订阅</p>
            </div>
        </div>
        <div class="line"></div>
        <div class="bottom">
            <ul>
                <li>公司介绍</li>
                <li>品牌识别</li>
                <li>企业荣誉</li>
                <li>隐私声明</li>
                <li>联系及合作</li>
                <li>招聘信息</li>
                <li>网站地图</li>
                <li>友情链接</li>
                <li class="last">公司大事记</li>
            </ul>
            <div class="bt-imgs">
                <img src="../img/img-templet/btom-1.jpg" alt="">
                <img src="../img/img-templet/btom-2.jpg" alt="">
                <img src="../img/img-templet/btom-3.jpg" alt="">
                <img src="../img/img-templet/btom-4.jpg" alt="">
                <img src="../img/img-templet/btom-5.jpg" alt="">
                <img src="../img/img-templet/btom-6.jpg" alt="">
            </div>
        </div>
    </footer>

    <script src="../js/tab.js"></script>
    <script src="../js/loginCheck.js"></script>
</body>

</html>